<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html" template="/template/template_dialog.xhtml">
	<ui:define name="head">
		<title>覆冰监测</title>
		<link rel="stylesheet" href="/resources/plugins/datatables/dataTables.bootstrap.css" />
		<link href='/resources/bootstrap/css/bootstrap-datetimepicker.min.css' rel='stylesheet' />
		<style>
#lineNameUl .selected {
	background: #6599c5  !important;
	text-shadow: -1px 1px black;
	color:white !important;
}
#lineMonitorUl .selected {
	background: #6599c5  !important;
	text-shadow: -1px 1px black;
	color:white !important;
}
.monitor{
	background:#f9f4fb;
}
.iceRow{
	background:#bdc1f1 !important
}
a{
	color:black;
}
#iceMonitorTable thead{
	background-color: #738de6;
    color: white;
    font-weight: bolder;
}
#iceMonitorTable tbody{
	background-color: aliceblue;
}
.table.table-bordered{
	border-color:#748de7;
}
.table.table-bordered td{
	border-color:#748de7;
}
.mH{
	font-weight: 700;
    line-height: 1.42857143;
    margin-right:10px;
}
.mD{
    line-height: 1.42857143;
}
</style>
	</ui:define>
	<ui:define name="content">
		<div id="bar" class="col-sm-2" >
			<div class="box box-primary">
				<div class="box-header with-border">
					<h3 class="box-title">线路列表</h3>
				</div>
				<div style="overflow: auto; ">
					<nav id="sidebar" class="bs-docs-sidebar hidden-print hidden-xs hidden-sm affix-top">
						<ul id="lineNameUl" class="nav bs-docs-sidenav" style="height:700px;">
						</ul>
					</nav>
				</div>
			</div>
		</div>
		<div class="col-sm-10">
			<div class="nav-tabs-custom">
				<ul class="nav nav-tabs">
					<li class="active">
						<a href="#iceMonitorDetail" data-toggle="tab">监测设备详细</a>
					</li>
				</ul>
				<div>
					<div class="tab-pane active" id="iceMonitorDetail" >
						<nav class="navbar navbar-default" style="background-color: #00a8fb;color: white;">
							<div class="navbar-form navbar-left">
								<div id="queryDiv" class="input-group">
									<div class="form-group">
										<input type="text" class="form-control" id="start" /> 
										<input type="text" class="form-control" id="end" />
									</div>
									<button class="btn btn-default" onclick="query(false)">查询</button>
								</div>
							</div>
						</nav>
						<div id="queryLineResultDiv" style="display:none;">
							<div>
								<div class="col-md-2">
									<div class="box-header with-border">
										<h3 class="box-title">覆冰设备列表</h3>
									</div>
									<div style="overflow: auto; ">
										<nav id="sidebar" class="bs-docs-sidebar hidden-print hidden-xs hidden-sm affix-top">
											<ul id="lineMonitorUl" class="nav bs-docs-sidenav" style="height:700px;">
											</ul>
										</nav>
									</div>
								</div>
								<!-- <div style="overflow: auto;height:700px" class="col-md-2">
									<nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm affix-top">
										<ul id="lineMonitorUl" class="nav bs-docs-sidenav">
										</ul>
									</nav>
								</div> -->
								<div id="queryMonitorResultDiv" class="col-md-10">
									<div id="detailDiv">
										<div class="col-md-12">
											<div id="iceChart" style="height: 270px;" />
										</div>
										<div class="col-md-12">
											<table id="iceMonitorTable" class="table table-bordered" style="width:100%;" />
										</div>
									</div>
								</div>
							</div>
							<div id="queryMonitorResultLoadingDiv" style="display:none;height:600px;" >
								加载中...
							</div>
							<div id="queryMonitorResultNoDataDiv" style="display:none;height:600px;" >
								无覆冰数据
							</div>
						</div>
						<div style="height:600px;" id="queryLineResultLoadingDiv">
							加载中...
						</div>
					</div>
				</div>
			</div>
		</div>


		<h:inputHidden id="voltage" value="#{request.getParameter('voltage')}"></h:inputHidden>
		<h:inputHidden id="second" value="#{request.getParameter('second')}"></h:inputHidden>
		<h:inputHidden id="startParam" value="#{request.getParameter('start')}"></h:inputHidden>
		<h:inputHidden id="endParam" value="#{request.getParameter('end')}"></h:inputHidden>
	</ui:define>
	<ui:define name="contentend">
		<script src="/resources/plugins/echarts/echarts.min.v3.7.2.js"></script>
		<script src="/resources/js/mycharts/categoryLineChart.js"></script>
		<script src="/resources/js/tables/mytable.js"></script>
		<script src="/resources/plugins/datatables/jquery.dataTables.min.js"></script>
		<script src="/resources/plugins/datatables/dataTables.bootstrap.min.js"></script>
		<script src="/resources/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
		<script type="text/javascript" src="iceWarningListDialog.js"></script>
		<script>
			
		</script>
	</ui:define>
</ui:composition>



